<template>
   <Dropdown style="margin-left: 20px" trigger="click" @on-click="handleClick">
            <el-button>
    <span style="font-size:14px;line-height:14px;">{{ItemOption.selected}}</span>
  </el-button>
        <DropdownMenu slot="list" >
            <DropdownItem v-for="v in ItemOption.options" :key="v.value" :name="v.value">{{v.label}}</DropdownItem>
        </DropdownMenu>
    </Dropdown>
</template>

<script>
import { mapState } from 'vuex';
export default {
name:'HeaderItem',
props:{
   ItemOption:{
    type:Object,
    required:true
   },
   process:{
    type:Object,
    required:true
   },
   meta:{
    type:Object,
    required:true
   }
},
methods:{
    handleClick(v){
        this.ItemOption.changeMode.call(this,v)
    }
},
computed:{
    ...mapState("userAbout",['token'])
}
}
</script>

<style>

</style>